// 获取主页数据
let oul = document.querySelector("ul");
let oli = document.querySelectorAll("li");


let pageid
var totalPage = null
let timer = null;

let arr = function(pageid){

    clearTimeout(timer)

    timer = setTimeout(() => {
        const xhr = new XMLHttpRequest();
        xhr.open("get",`http://chst.vip:1234/api/getmoneyctrl?pageid=${pageid}`,true);
        xhr.send(null);
        xhr.onreadystatechange = function(){
            if(xhr.readyState === 4){
                if(xhr.status === 200){
                    let res = JSON.parse(xhr.responseText);
                    let regExp = /(?<=imgurl=)[^'"]*/;
                    let ele = "";
                    res.result.forEach(item => {
                        var img = regExp.exec(item.productImg2)[0];
                        ele += ` <li id=${item.productId}>
                                    <a href="../pages/xq.html?productid=${item.productId}">
                                        <img src="${img}" alt="">
                                        <p>
                                            ${item.productName}
                                            <span>${item.productPinkage}</span>
                                        </p>
                                        <span>${item.productFrom}|${item.productTime}</span>
                                        <span>${item.productComCount}</span>
                                    </a>
                                </li>`;
                    });
                    oul.innerHTML = ele;
    
                    totalPage = Math.ceil(res.totalCount/res.pagesize)
    
                    $("#changePage .add").click(function(){
                        console.log(pageid);
                        if(pageid <=0 ){
                            return 
                        }
                        arr(--pageid)
                    });
                    $("#changePage .red").click(function(){
                        console.log(pageid);
                        if(pageid >14 ){
                            return 
                        }
                        arr(++pageid)
                    });
                    let el = ''
                    let i = 0
                    console.log(totalPage);
                    let opt = document.querySelector('#pageSelect')
                    // console.log(opt);
                    while(i < totalPage) {
                        el +=`<option value="${++i}">${i}/${totalPage} </option>`;
                    }
                    opt.innerHTML = el;
                     
                }
            }
        }
    }, 500);

    

}
arr(0)









































// // 页数改变
// $(function () {
//     let url = "http://chst.vip:1234/api/getmoneyctrl";
//     let totalPage = null;
//     //渲染参数--moneyctrl ==> pageid
//     let query = locationParam();
  
//     let pageNum = $("select").val();
//     pageNum = 1;
//     $("#changePage .add").click(function () {
//       if (pageNum <= 1) return;
//       $("select").val(--pageNum);
//       onceAjax(url, { pageid: pageNum - 1 });
//     });
//     $("#changePage .red").click(function () {
//       if (pageNum >= totalPage) return;
//       $("select").val(++pageNum);
//       onceAjax(url, { pageid: pageNum - 1 });
//     });
//     $("#changePage select").change(function () {
//       pageNum = $(this).val();
//       onceAjax(url, { pageid: pageNum - 1 });
//     });


//       //封装请求 render({ pageid ：num })
//     function onceAjax(url, { pageid }) {
//         let res1 = sessionStorage.getItem(`pageid${pageid}`);
//         res1 = JSON.parse(res1);
//         if (res1) {
//         render(res1, { pageid });
//         } else {
//         $.ajax({
//             url,
//             async: false,
//             data: { pageid },
//             success: (res) => {
//             sessionStorage.setItem(`pageid${pageid}`, JSON.stringify(res));
//             render(res, { pageid });
//             },
//         });
//         }
//     }

//       //追加页数  totalPage
//     let pageChangerHtml = "";
//     let i = 0;
//     while (i < totalPage) {
//         pageChangerHtml += `<option value="${++i}">${i}/${totalPage} </option>`;
//     }
//     $("#pageSelect").html(pageChangerHtml);
// });